<template>
  <div>
    <!-- 顶部快捷导航 start -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li><router-link to="/">返回首页</router-link>&nbsp;</li>
                    <span v-show="!(this.$store.state.User.isLogin)">
                    <li>
                        <router-link to="login">请登录</router-link>&nbsp; <router-link to="/register" class="style_red">免费注册</router-link>
                    </li>
                    </span>
                    <span v-show="this.$store.state.User.isLogin">
                    <li>
                        欢迎您，尊敬的&nbsp; <router-link to="/userdetail" style="color:red;font-weight:900;font-size:14px">{{this.$store.state.User.UserName}}</router-link>&nbsp;&nbsp;&nbsp;
                    </li>
                    <li>
                        <a @click="unLogin">退出登录</a>
                    </li>
                    </span>
                </ul>
                <!-- <li><router-link to="/" style="color:gray;">返回首页</router-link>&nbsp;&nbsp;&nbsp;</li> -->
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#"><router-link to="/orderCenter">我的订单</router-link></a></li>
                    <li></li>
                    <li class="arrow-icon"><a href="">我的源浩</a>
                        <div class="drop">
                            <ul>
                                <li>
                                    <a href=""><router-link to="/developing">公司背景</router-link></a>
                                </li>
                                <li>
                                    <a href=""><router-link to="/developing">开发者说</router-link></a>
                                </li>
                                <li>
                                    <a href=""><router-link to="/developing">人员简介</router-link></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li></li>
                    <li><router-link to="/developing">源浩会员</router-link></li>
                    <li></li>
                    <li><a href="http://172.16.55.75:8081" style="color:red">我是商家</a></li>
                    <li></li>
                    <li class="arrow-icon"><a href="#">关注源浩</a>
                        <div class="drop">
                            <ul>
                                <li>
                                    <a href=""><router-link to="/developing">新品上市</router-link></a>
                                </li>
                                <li>
                                    <a href=""><router-link to="/developing">加入我们</router-link></a>
                                </li>
                                <li>
                                    <a href=""><router-link to="/developing">投递简历</router-link></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li></li>
                    <li class="arrow-icon"><a href="#">客户服务</a>
                        <div class="drop">
                            <ul>
                                <li>
                                    <a href=""><router-link to="/developing">上门服务</router-link></a>
                                </li>
                                <li>
                                    <a href=""><router-link to="/developing">电话联系</router-link></a>
                                </li>
                                <li>
                                    <a href=""><router-link to="/developing">退款协议</router-link></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li></li>
                    <li><a href="#"><router-link to="/userDetail">个人中心</router-link></a>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 快捷导航模块 end -->
    </div>
</template>

<script>
import "@/assets/css/base.css"
import "@/assets/css/common.css"
import "@/assets/css/index.css"
export default {
    name : "Navibar",
    data(){
        return{
        }
    },
    methods:{
        unLogin : function(){
            this.$confirm('您确定要注销登录嘛？','注销登录',{
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
            }).then(()=>{
                this.$message({
                    type: 'success',
                    message: '注销成功！'
                });
                this.$store.commit('unLogin');
            }).catch(()=>{
                this.$message({
                    type:'info',
                    message:'已取消注销'
                });
            });
            
        }
    },
    created : function(){
        
    }
}
</script>

<style>

</style>